import React from 'react';

// 学习目标：属性绑定

const imgSrc = 'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2814033197,3377583554&fm=26&gp=0.jpg';

// React 的属性绑定写法
/* 
  3. 行内样式 属性 - 统统都是 JS，样式也不例外
    1. 行内样式用 <字符串> 表示法会报错。
    2. 行内样式必须用 <对象> 表示法。

  样式对象注意事项：
    1. 属性与属性之间用 逗号 隔开。
    2. 属性需要用驼峰写法。 如：background-color 要写成 backgroundColor
    3. 值基本都是要变成字符串。如：值 200px 要写成 '200px'

*/
const styleObj = {
  width:'200px',
  height:'200px',
  backgroundColor:'pink',
};

function App() {
  return (
    <div className="App">
      {/* <div style="width:200px;height:200px;background-color:pink;">
          盒子
      </div> */}

      <div style={styleObj}>盒子</div>

    </div>
  );
}
export default App;
